import axios from "axios";

import {
  Message,
  MessageBox,
  Loading
} from "element-ui";
import store from "../store";
import {
  getToken
} from "./auth";
// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_API_URL, // api的base_url
  timeout: 15000, // 请求超时时间
});
var loading;

//当前正在请求的数量
let needLoadingRequestCount = 0;

//显示loading
function showLoading(target) {
  // 后面这个判断很重要，因为关闭时加了抖动，此时loading对象可能还存在，
  // 但needLoadingRequestCount已经变成0.避免这种情况下会重新创建个loading
  if (needLoadingRequestCount === 0 && !loading) {
    loading = Loading.service({
      lock: true,
      text: "拼命加载中",
      background: "rgba(0, 0, 0, 0.1)",
      target: target || "body",
      spinner:'el-icon-loading'
    });
  }
  needLoadingRequestCount++;
}
//隐藏loading
function hideLoading() {
  needLoadingRequestCount--;
  needLoadingRequestCount = Math.max(needLoadingRequestCount, 0); //做个保护
  if (needLoadingRequestCount === 0) {
    //关闭loading
    toHideLoading();
  }
}

//防抖：将 300ms 间隔内的关闭 loading 便合并为一次。防止连续请求时， loading闪烁的问题。
var toHideLoading = _.debounce(() => {
  loading?.close();
  loading = null;
}, 300);
// request拦截器
service.interceptors.request.use(
  (config) => {
     //判断当前请求是否设置了不显示Loading
     if (config.headers.showLoading !== false) {
      showLoading(config.headers.loadingTarget);
    }
    config.headers["uuid"] = "123"  // 让每个请求携带自定义token 请根据实际情况自行修改
    if (store.getters.token ) {
      config.headers["Authorization"] ='Bearer ' +   getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改

    }
    if (config.method === "post" && config.data && config.data.qs) {
      const pms = new FormData();
      for (let a in config.data) {
        pms.append(a, config.data[a]); //id直接从data中一个个拿
      }
      config.data = pms;
    }
    return config;
  },
  (error) => {
     //判断当前请求是否设置了不显示Loading
     if (config.headers.showLoading !== false) {
      hideLoading();
    }
    // Do something with request error
    console.log(error); // for debug
    Promise.reject(error);
  }
);

// respone拦截器
service.interceptors.response.use( 
  (response) => {
      //判断当前请求是否设置了不显示Loading（不显示自然无需隐藏）
      if (response.config.headers.showLoading !== false) {
        hideLoading();
      }
    /**
     * code为非200是抛错 可结合自己业务进行修改
     */
    // console.log("CCCCCCCCCCCCCCCC", response);
    const res = response.data;
    if (res.code !== 200 &&res.code!==401 && response.config.url !== '/umsAdminOrder/export') {
      Message({
        message: res.message,
        type: "error",
        duration: 3 * 1000,
      });
      // 401:未登录;
      // if (res.code === 401) {
      //   MessageBox.alert("你已被登出，请重新登录", "提示", {
      //     confirmButtonText: "确定",
      //     callback: (action) => {
      //      router.push('/')
           
      //     },
      //   });
      // }
      // return Promise.reject("error");
      return response.data;
    } else {
      return response.data;
    }
  },
  (error) => {
    console.log(error);
    hideLoading();
    let data=error.response.data
    Message({
      message: '服务器异常，请联系客服',
      type: "error",
      duration: 3 * 1000,
    });
    console.log( error.response); // for debug
    return Promise.reject(error);
  }
);

export default service;
